<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>仿站</title>
    <link rel="icon" type="img/custom1.png" sizes="144x144" href="img/custom1.png" />
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/register.css">
    <!-- <link rel="stylesheet" href="//at.alicdn.com/t/font_2353950_nglzhvui2h8.css"> -->
    <!-- <link rel="stylesheet" href="css/iconfont.css"> -->
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2435198_ppjplpo5oam.css">

    <script src="js/tool.js"></script>

    <script src="js/jquery-1.11.3.min.js"></script>
</head>

<body>


    <div class="register_header">
        <div class="con_1200">
            <img src="img/logo.png" alt="">
            <p>
                <span>
                    已注册,
                </span>
                <a>
                    立即登录
                </a>
                <i class="iconfont icon-huojian"></i>
            </p>
        </div>
    </div>

    <div class="register_main">
        <div class="register_main_cover">
            <p class="nav_title">
                欢迎来到资质街，3步简单注册，享受全新的资质服务
            </p>
            <div class="main_cover">
                <div class="register_title_list">
                    <div class="register_title_item register_active">
                        1.验证手机
                    </div>
                    <div class="register_title_item">
                        2.选择用户类型
                    </div>
                    <div class="register_title_item">
                        3.填写基本资料
                    </div>
                </div>

                <div class="register_content_list">
                    <!-- // register 第一步 -->
                    <div class="register_content_item register_phone">
                        <div class="register_header_info">
                            <span>
                                每个手机号仅能申请一种账户类型
                            </span>
                            <div class="i_cover1">
                                <i class="iconfont icon-RectangleCopy1 register_login1_pos_control"></i>
                                <div class="register_login1_pos">
                                    <p>
                                        请填写未注册
                                        <a href="">
                                            资质需求者
                                        </a>
                                        /
                                        <a href="">个人服务商</a>
                                        /
                                        <a href="">
                                            资质服务中介
                                        </a>
                                        /
                                        <a href="">
                                            资质服务公司
                                        </a>
                                        的手机号
                                    </p>
                                </div>
                            </div>

                        </div>
                        <div class="item">
                            <p class="form_left">
                                手机号
                            </p>
                            <input class="register_user_phone" type="text" placeholder="">
                        </div>
                        <p class="info">
                            请输入常用手机号，此手机号将作为资质合作联系方式并展示
                        </p>

                        <div class="item">
                            <p class="form_left">
                                密码
                            </p>
                            <input class="register_user_passord" type="password" placeholder="">
                        </div>
                        <p class="info">
                            最短6位，区分大小写
                        </p>

                        <div class="item">
                            <p class="form_left">
                                确认密码
                            </p>
                            <input class="register_user_passord1" type="password" placeholder="">
                        </div>
                        <p class="info">
                            请再次输入密码
                        </p>

                        <div class="item">
                            <p class="form_left">
                                验证码
                            </p>
                            <input type="text" placeholder="" class="yzm_input register_user_yzm">
                            <p class="yzm register_getyzm">获取验证码</p>
                        </div>
                        <p class="info">
                            手机短信接收到的6位数字

                        </p>

                        <button class="login1_btn">下一步</button>
                    </div>

                    <!-- register 第二步 -->
                    <div class="register_content_item register_type">
                        <p class="header_content">
                            请慎重选择用户类型，成功建立账户后类型不可修改
                        </p>
                        <div class="register2_cover">
                            <div class="cover_item">
                                <p class="register2_i_cover">
                                    <i class="iconfont icon-user2"></i>
                                </p>
                                <span>
                                    需求者
                                </span>
                                <p class="p1">
                                    需求资质服务的用户，如寻找资质代办、购买资质等
                                </p>
                            </div>
                            <div class="cover_item">
                                <p class="register2_i_cover">
                                    <i class="iconfont icon-71"></i>
                                </p>
                                <span>
                                    服务商
                                </span>
                                <p class="p1">
                                    给需求者提供资质服务的用户，可以开启自己的特色店铺展示擅长的资质服务
                                </p>
                            </div>


                        </div>
                        <p class="btn register2_btn_next">
                            下一步
                        </p>
                    </div>

                    <!-- register 第二步 选择了服务商过后，跳转到 二级选项 -->
                    <div class="register_content_item register_type2">
                        <p class="header_content">
                            请慎重选择用户类型，成功建立账户后类型不可修改
                            <a href="" class="reselect">重新选择</a>
                            <i class="iconfont icon-NMStubiao-"></i>
                        </p>
                        <div class="register2_2_cover">
                            <div class="item">
                                <div class="header_item">
                                    <p class="i_cover1">
                                        <i class="iconfont icon-LC_icon_user_fill_add"></i>
                                    </p>
                                    <h4>
                                        个人服务商
                                    </h4>
                                </div>

                                <p class="p1">
                                    一般企业中的HR等工作人员，有过办理个别资质的经验
                                </p>

                                <div class="P_item">
                                    <span>
                                        验证方式
                                    </span>
                                    <span>
                                        身份证
                                    </span>
                                </div>
                                <div class="P_item">
                                    <span>
                                        资质店铺类型
                                    </span>
                                    <span>
                                        个人
                                    </span>
                                </div>
                                <div class="P_item">
                                    <span>
                                        绑定资质公司
                                    </span>
                                    <span>
                                        不可以
                                    </span>
                                </div>
                            </div>

                            <div class="item">
                                <div class="header_item">
                                    <p class="i_cover1">
                                        <i class="iconfont icon-zhongjiefeijisuan"></i>
                                    </p>
                                    <h4>
                                        资质服务中介
                                    </h4>
                                </div>

                                <p class="p1">
                                    一般企业中的HR等工作人员，有过办理个别资质的经验
                                </p>

                                <div class="P_item">
                                    <span>
                                        验证方式
                                    </span>
                                    <span>
                                        身份证
                                    </span>
                                </div>
                                <div class="P_item">
                                    <span>
                                        资质店铺类型
                                    </span>
                                    <span>
                                        个人
                                    </span>
                                </div>
                                <div class="P_item">
                                    <span>
                                        绑定资质公司
                                    </span>
                                    <span>
                                        不可以
                                    </span>
                                </div>
                            </div>

                            <div class="item">
                                <div class="header_item">
                                    <p class="i_cover1">
                                        <i class="iconfont icon-gongsi"></i>
                                    </p>
                                    <h4>
                                        资质服务公司
                                    </h4>
                                </div>

                                <p class="p1">
                                    一般企业中的HR等工作人员，有过办理个别资质的经验
                                </p>

                                <div class="P_item">
                                    <span>
                                        验证方式
                                    </span>
                                    <span>
                                        身份证
                                    </span>
                                </div>
                                <div class="P_item">
                                    <span>
                                        资质店铺类型
                                    </span>
                                    <span>
                                        个人
                                    </span>
                                </div>
                                <div class="P_item">
                                    <span>
                                        绑定资质公司
                                    </span>
                                    <span>
                                        不可以
                                    </span>
                                </div>
                            </div>


                        </div>

                        <p class="register_btn2">
                            下一步
                        </p>



                    </div>

                    <!-- register 第3步 选择了需求者过后，跳转到 3级选项 -->
                    <div class="register_content_item register_type3">
                        <div class="register_type3_main">
                            <p class="register_type3_username">
                                联系名称
                            </p>
                            <input type="text">
                        </div>
                        <p class="p21">
                            请输入在资质街中展示及联系您的名称
                            完成注册
                        </p>
                        <p class="register_btn3">
                            完成注册
                        </p>



                    </div>

                    <!-- register 第3步 选择了 个人服务商 过后，跳转到 3级选项 -->
                    <div class="register_content_item register_type3_1">
                        <div class="item_userheader">
                            <div class="userheader_cover register3_1_userheader">
                                <p class="p3">
                                    头像缩略图
                                </p>
                            </div>
                            <div class="upheader_cover">
                                <input name="headerurl" type="file" class="upfile" accept="*/*">
                                <button class="uploaduserheader">上传头像</button>
                                <p>
                                    请上传您的头像作为您在资质街的标识，建议大小
                                    <span>
                                        160X160
                                    </span>
                                    ,仅支持jpg、jpeg、png格式，且大小在1M以内
                                </p>
                            </div>
                        </div>




                        <div class="item">
                            <div class="left">
                                性别
                            </div>
                            <div class="right">
                                <input class="sex" type="radio" name="sex" value="男"><span>男</span>
                                <input class="sex" type="radio" name="sex" value="女"><span>女</span>
                            </div>
                        </div>

                        <div class="item">
                            <div class="left">
                                联系名称
                            </div>
                            <div class="right">
                                <input class="name name_register3_1" type="text">
                            </div>
                        </div>
                        <p class="con_tent1">
                            请输入在资质街中展示及联系您的名称
                        </p>

                        <div class="item">
                            <div class="left">
                                真实姓名
                            </div>
                            <div class="right">
                                <input class="username username_register3_1" type="text">
                            </div>
                        </div>
                        <p class="con_tent1">
                            请输入2-6位汉字的真实姓名
                        </p>


                        <div class="item">
                            <div class="left">
                                身份证号
                            </div>
                            <div class="right">
                                <input class="userid userid_register3_1" type="text">
                            </div>
                        </div>
                        <p class="con_tent1">
                            请输入真实姓名所对应的身份证号
                        </p>

                        <div class="item_shengfen">
                            <div class="left">
                                上传身份证
                            </div>
                            <div class="right">
                                <div class="left1">
                                    <div class="shengfen1_cover shengfen1_cover1">
                                        <input name="shenfen1" type="file"
                                            class="register3_1_shengfen1 register3_1_shengfen" accept="*/*">
                                        <p class="shengfen1_p1">
                                            +添加身份证人像面
                                        </p>
                                    </div>
                                    <div class="example">
                                        <span>
                                            示例
                                        </span>
                                        <img src="img/123.png" alt="">
                                    </div>
                                </div>
                                <div class="right1">
                                    <div class="shengfen1_cover shengfen1_cover2">
                                        <input name="shenfen2" type="file"
                                            class="register3_1_shengfen2 register3_1_shengfen" accept="*/*">
                                        <p class="shengfen1_p2">
                                            +添加身份证有效日期面
                                        </p>
                                    </div>
                                    <div class="example">
                                        <span>
                                            示例
                                        </span>
                                        <img src="img/321.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="con_p2">
                            注意：上传身份证正反面，并请确保身份证边框完整，字体清晰，亮度均匀，照片仅支持jpg、jpeg、png格式，且大小在1M以内
                        </div>

                        <p class="register_btn3_1">
                            完成注册
                        </p>




                    </div>

                    <!-- register 第3步 选择了 资质服务中介 过后，跳转到 3级选项 -->
                    <div class="register_content_item register_type3_2">
                        <div class="item_userheader">
                            <div class="userheader_cover register_type3_2_userheader">
                                <p class="p3_3_2">
                                    头像缩略图
                                </p>
                            </div>
                            <div class="upheader_cover">
                                <input type="file" name="headerurl" class="upfile_3_2" accept="*/*">
                                <button class="uploaduserheader3_2">上传头像</button>
                                <p>
                                    请上传您的头像作为您在资质街的标识，建议大小
                                    <span>
                                        160X160
                                    </span>
                                    ,仅支持jpg、jpeg、png格式，且大小在1M以内
                                </p>
                            </div>
                        </div>

                        <div class="item">
                            <div class="left">
                                性别
                            </div>
                            <div class="right">
                                <input class="sex_3_2" type="radio" name="sex" value="男"><span>男</span>
                                <input class="sex_3_2" type="radio" name="sex" value="女"><span>女</span>
                            </div>
                        </div>

                        <div class="item">
                            <div class="left">
                                联系名称
                            </div>
                            <div class="right">
                                <input class="name_3_2" type="text">
                            </div>
                        </div>
                        <p class="con_tent1">
                            请输入在资质街中展示及联系您的名称
                        </p>

                        <div class="item">
                            <div class="left">
                                所属公司
                            </div>
                            <div class="right">
                                <input class="company_3_2" type="text">
                            </div>
                        </div>
                        <p class="con_tent1">
                            请输入在资质街中已注册的资质服务公司完整名称
                        </p>

                        <div class="item">
                            <div class="left">
                                真实姓名
                            </div>
                            <div class="right">
                                <input class="username_3_2 username_register_type3_2" type="text">
                            </div>
                        </div>
                        <p class="con_tent1">
                            请输入2-6位汉字的真实姓名
                        </p>

                        <p class="register_btn3_2">
                            完成注册
                        </p>

                    </div>

                    <!-- register 第3步 选择了 资质服务公司 过后，跳转到 3级选项 -->
                    <div class="register_content_item register_type3_3">
                        <div class="item_userheader">
                            <div class="userheader_cover register_type3_3_userheader">
                                <p class="p3_3_3">
                                    头像缩略图
                                </p>
                            </div>
                            <div class="upheader_cover">
                                <input type="file" name="headerurl" class="upfile_3_3" accept="*/*">
                                <button class="uploaduserheader3_3">上传公司LOGO</button>
                                <p>
                                    请上传您的头像作为您在资质街的标识，建议大小
                                    <span>
                                        160X160
                                    </span>
                                    ,仅支持jpg、jpeg、png格式，且大小在1M以内
                                </p>
                            </div>
                        </div>

                        <div class="item">
                            <div class="left">
                                公司名称
                            </div>
                            <div class="right">
                                <input class="company_3_3" type="text" placeholder="请输入真实的公司名称">
                            </div>
                        </div>
                        <!-- <p class="con_tent1">
                            请输入在资质街中展示及联系您的名称
                        </p> -->

                        <div class="item">
                            <div class="left">
                                工商注册号
                            </div>
                            <div class="right">
                                <input class="company_id_3_2" type="text" placeholder="请输入营业执照上的工商注册号">
                            </div>
                        </div>
                        <!-- <p class="con_tent1">
                            请输入营业执照上的工商注册号
                        </p> -->

                        <div class="item_certificates">
                            <div class="left">
                                上传营业执照
                            </div>
                            <div class="right">
                                <div class="register3_3_img_cover">
                                    <input class="certificates_3_3" name="certificates_3_3" type="file">

                                    <p class="add_certificates">+ 添加营业执照照片</p>

                                </div>
                                <div class="right_right">
                                    <span>
                                        示例
                                    </span>
                                    <div class="img_list_cover">
                                        <div class="img_item">
                                            <img src="img/456.png" alt="">
                                            <span>
                                                营业执照正本原件
                                            </span>
                                        </div>

                                        <div class="img_item">
                                            <img src="img/789.png" alt="">
                                            <span>
                                                加盖公司彩章的营业执照复印件
                                            </span>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="reg_p123">
                            <span>注意：</span>
                            以下证件可以通过营业执照的验证：
                            1.营业执照原件图片（正副本皆可）；
                            2.营业执照正副本复印件加盖公司彩章；
                            3.营业执照副本复印件加盖公司彩章；
                            4.建议上传新版营业执照
                        </div>



                        <p class="register_btn3_3">
                            完成注册
                        </p>

                    </div>
                </div>
            </div>

            <p class="footer_content">
                ©2021安徽风聘网络科技有限公司旗下网站：资质街www.zizhijie.com 皖ICP备12016516号-7
            </p>
        </div>
    </div>


</body>

<script src="js/index.js"></script>



</html>